<!--
 * 步进器组件
-->
<template>
	<page-layout class="page-layout">
		<!-- 基础使用 -->
		<app-demo-module title="基础使用">
			<pure-stepper v-model="v1"></pure-stepper>
		</app-demo-module>

		<!-- 最大值/最小值 -->
		<app-demo-module title="最大值/最小值">
			<pure-stepper v-model="v2" :min="-5" :max="5"></pure-stepper>
			{{ v2 }}
		</app-demo-module>
	</page-layout>
</template>

<script setup>
import { ref, computed } from "vue";

// 值
const v1 = ref(0);
const v2 = ref(1);
</script>

<style scoped lang="scss"></style>
